<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>企业服务_职位发布</title>

    <link th:href="@{/pay/css/base.css}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" th:href="@{/pay/css/help.css}"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <!--js区域-->
    <script type="text/javascript" th:src="@{/pay/js/jquery-1.8.1.min.js}"></script>
    <script th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript">
        $(document).ready(function(e) {
            $(".fwmc_xxk li").click(function(){
                //var fw_price = $(this).children("i").text();
                //var fw_numb = $(".srkk").val();
                //var fw_tal = fw_price*fw_numb;
                //$(".zwfb_zje span").text(fw_tal);
                $(this).addClass("on").siblings().removeClass("on");
                tola();
            });
            //加
            $(".jia").click(function(){
                var fw_numb = $(".srkk").val();
                fw_numb++;
                $(".srkk").val(fw_numb);
                /*$(".fwmc_xxk li").each(function() {
                    if($(this).hasClass("on")){
                        var dqzt_price = $(this).children("i").text();
                        //alert(dqzt_price);
                        var zgsj_jia = dqzt_price*fw_numb;
                        $(".zwfb_zje span").text(zgsj_jia);
                        }
                }); */
                tola();
            })

           /* //减
            $(".jian").click(function(){
                var fw_numb = $(".srkk").val();
                if(fw_numb &lt;= 1){
                    alert("数量不足了，请住手！")
                }else{
                    fw_numb--;
                    $(".srkk").val(fw_numb);
                }
                /!*$(".fwmc_xxk li").each(function() {
                    if($(this).hasClass("on")){
                        var dqzt_price = $(this).children("i").text();
                        //alert(dqzt_price);
                        var zgsj_jia = dqzt_price*fw_numb;
                        $(".zwfb_zje span").text(zgsj_jia);
                        }
                }); *!/
                tola();
            })*/


        });

        function tola(){
            var $li = $(".fwmc_xxk").children("li.on");
            var money = $li.children("i").text();
            var count = $(".srkk").val();
            $(".zwfb_zje span").text(money*count);
        }
    </script>
</head>
<body style="width: 1250px;">
<div  class="fw_conent">
    <!--内容开始------------------------------>
    <div class="bzzx_bt"> <strong>充值中心</strong>购买金币，用于购买其他用户上传的资源文件，<span>项目、HTML页面、图片</span>等资源</div>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="zwfb_shop_table">
        <tr valign="top">
            <td align="right" width="70">服务名称：</td>
            <td><ul class="fwmc_xxk">
                <li class="on">
                    <p>10金币</p>
                    <i>1</i>元</li>
                <li >
                    <p>50金币</p>
                    <i>5</i>元</li>
                <li >
                    <p>100金币</p>
                    <i>10</i>元</li>
                <li >
                    <p>150金币</p>
                    <i>15</i>元</li>
                <li >
                    <p>300金币</p>
                    <i>30</i>元</li>
                <li >
                    <p>500金币</p>
                    <i>50</i>元</li>
            </ul></td>
        </tr>
        <!--  <tr>
            <td align="right">职位数量：</td>
            <td><div class=" zwsl_num">50个<span>职位数量职位书名</span></div> </td>
          </tr> -->
        <tr>
            <td height="20"></td>
            <td></td>
        </tr>
        <tr>
            <td align="right">购买数量：</td>
            <td><ul class="nmb_jj">
                <li class="jian">-</li>
                <li>
                    <input id="num" name="" type="text" value="1" class="srkk" />
                </li>
                <li class="jia">+</li>
            </ul></td>
        </tr>
        <tr>
            <td height="20"></td>
            <td></td>
        </tr>
        <tr>
            <td align="right">价格：</td>
            <td><div class="zwfb_zje"><span id="price">1</span> <i>元</i></div></td>
        </tr>
        <tr>
            <td height="20"></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td><a id="buy" class="ty_but ml20" >购 买</a></td>
        </tr>
    </table>
    <div class="gmxz_tip"> 购买须知：
        <p>1.充值的金币只能购买，其他用户上传的作品资源，不会提升博客等级。</p>
        <p>2.本次金币购买后即生效，不支持退费服务。</p>
    </div>

    <!--内容结束------------------------------>
</div>
</body>
<script>
    $("#buy").click(function () {
        $(this).css("cursor","pointer");
         var price=$("#price").text();
         var num=$("#num").val();
         window.location.href="/payment/pay?price="+price+"&num="+num;
    })
</script>
</html>
